<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻列表</title>
    <link rel="stylesheet" href="<%templateskin%>/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%templateskin%>/css/font-awesome.min.css">
    <link rel="stylesheet" href="<%templateskin%>/css/common_style.css">
    <link rel="stylesheet" href="<%templateskin%>/css/bdsstyle.css">
    <link rel="stylesheet" href="<%templateskin%>/css/style_cmnt.css">
    <link rel="stylesheet" href="<%templateskin%>/css/style.css">
    <!--[if lt IE 9]>
	      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	 <![endif]-->
    <style type="text/css">
    .serach_div {
        margin-right: 0px;
        */
    }

    .select_sign,
    .serach_div .select-main,
    .serach_div span {
        float: left;
    }

    .serach_div span {
        padding: 0px 10px;
        line-height: 30px;
    }

    .select_Form .select_Option {
        line-height: 30px;
        padding: 10px
    }
    </style>
</head>

<body>
    <div class="topbar">
        <div class="container">
            <div class="nav-right">
                <ul class="topnav">
                    <li><a href="<%linkurl("index")%>">首页</a></li>
                    <li><a href="<%linkurl("news")%>" class="active">新闻资讯</a></li>
                    <li><a href="<%linkurl("resource")%>">资源概览</a></li>
                    <li><a href="<%linkurl("services")%>">读者服务</a></li>
                    <li><a href="<%linkurl("library")%>">本馆概况</a></li>
                    <li><a href="<%linkurl("help")%>">帮助</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="lib_hd">
        <div class="container">
            <div class="nav-left">
                <a href="<%linkurl("index")%>" class="logo" title="{site.name}">
                        <img src="<%templateskin%>/images/logo.png" alt="">
                    
                    </a>
            </div>
        </div>
    </div>
    <div class="container mt20">
        <ol class="breadcrumb">
            <li><a href="=<%linkurl("index")%>">首页</a></li>
            <li class="active">新闻列表</li>
        </ol>
        <div class="clearfix">
            <div class="select_Form mb30">
                <div class="select_Option">
                    <div class="select_sign" style="width: 55%">
                        <span class="spanzm">ALL</span>
                        <span class="spanzm">A</span>
                        <span class="spanzm">B</span>
                        <span class="spanNo spanzm">C</span>
                        <span class="spanzm">D</span>
                        <span class="spanzm">E</span>
                        <span class="spanzm">F</span>
                        <span class="spanzm">G</span>
                        <span class="spanzm">H</span>
                        <span class="spanzm">I</span>
                        <span class="spanzm">J</span>
                        <span class="spanzm">K</span>
                        <span class="spanzm">L</span>
                        <span class="spanzm">M</span>
                        <span class="spanzm">N</span>
                        <span class="spanzm">O</span>
                        <span class="spanzm">P</span>
                        <span class="spanzm">Q</span>
                        <span class="spanzm">R</span>
                        <span class="spanzm">S</span>
                        <span class="spanzm">T</span>
                        <span class="spanzm">Y</span>
                        <span class="spanzm">V</span>
                        <span class="spanzm">W</span>
                        <span class="spanzm">S</span>
                        <span class="spanzm">Y</span>
                        <span class="spanzm">Z</span>
                    </div>
                    <div class="serach_div" style="width: 45%">
                        <!--必须引用js渲染插件-->
                        <span>语种:</span>
                        <select name="drop2" class="ui-select">
                            <option value="">全部</option>
                            <option value="1">选项1</option>
                            <option value="2">选项2</option>
                            <option value="3">选项3</option>
                        </select>
                        <span>分类:</span>
                        <select name="drop2" class="ui-select">
                            <option value="ALL">全部</option>
                            <option value="A">马列主义、毛泽东思想、邓小平理论</option>
                            <option value="B">哲学、宗教</option>
                            <option value="C">社会科学总论</option>
                            <option value="D">政治、法律</option>
                            <option value="E">军事</option>
                            <option value="F">经济</option>
                            <option value="G">文化、科学、教育、体育</option>
                            <option value="H">语言、文字</option>
                            <option value="I">文学</option>
                            <option value="J">艺术</option>
                            <option value="K">历史、地理</option>
                            <option value="N">自然科学总论</option>
                            <option value="O">数理科学与化学</option>
                            <option value="O2">数学</option>
                            <option value="O3">力学</option>
                            <option value="O4">物理学</option>
                            <option value="O5">物理学</option>
                            <option value="O6">化学</option>
                            <option value="O7">晶体学</option>
                            <option value="P">天文学、地球科学</option>
                            <option value="Q">生物科学</option>
                            <option value="R">医药、卫生</option>
                            <option value="S">农业科学</option>
                            <option value="T">工业技术</option>
                            <option value="TB">一般工业技术</option>
                            <option value="TD">矿业工程</option>
                            <option value="TE">石油、天然气工业</option>
                            <option value="TF">冶金工业</option>
                            <option value="TG">金属学与金属工艺</option>
                            <option value="TH">机械、仪表工业</option>
                            <option value="TJ">武器工业</option>
                            <option value="TK">能源与动力工程</option>
                            <option value="TL">原子能技术</option>
                            <option value="TM">电子技术</option>
                            <option value="TN">无线电电子学、电信技术</option>
                            <option value="TP">自动化技术、计算机技术</option>
                            <option value="TQ">化学工业</option>
                            <option value="TS">轻工业、手工业</option>
                            <option value="TU">建筑科学</option>
                            <option value="TV">水利工程</option>
                            <option value="U">交通运输</option>
                            <option value="V">航空、航天</option>
                            <option value="X">环境科学、安全科学</option>
                            <option value="Z">综合性图书</option>
                        </select>
                        <input class="zk_input" type="" name="" placeholder="书名/作者">
                        <div class="zk_Btn_i">搜索</div>
                    </div>
                </div>
            </div>
        </div>
        <ul class="ul-img" style="min-height: 400px">
            <%set DataTable newsList=get_article_list(channel, 0, 10, "status=0")%>
            <%if(newsList!=null)%>
            <%loop newdr newsList%>
            <li>
                <div class="row">
                    <%if(!string.IsNullOrEmpty({newdr[img_url]}))%>
                    <div class="col-sm-3">
                        
                        <a href="<%linkurl("news_show",{newdr[id]})%>">
                            <img src="{newdr[img_url]}"/>
                        </a>
                       
                    </div>
                    <div class="col-sm-9">
                        <div class="green-color" style="font-size:22px;font-weight: bold"><a href="<%linkurl("news_show",{newdr[id]})%>">{newdr[title]}</a></div>
                        <div style="color: #1481b4;">
                            发布者：{newdr[author]}
                        </div>
                        <div>
                           {newdr[zhaiyao]}
                        </div>
                        <div class="ta-r">
                            发表时间：{newdr[add_time]}
                        </div>
                    </div>
                    <%else%>
                        <div class="green-color" style="font-size:22px;font-weight: bold"><a href="<%linkurl("news_show",{newdr[id]})%>">{newdr[title]}</a></div>
                        <div style="color: #1481b4;">
                            发布者：{newdr[author]}
                        </div>
                        <div>
                           {newdr[zhaiyao]}
                        </div>
                        <div class="ta-r">
                            发表时间：{newdr[add_time]}
                        </div>
                     <%/if%>
                </div>
            </li>
            <%/loop%>
            <%else%>
            暂无数据
            <%/if%>
        </ul>
        
        <div class="myfooter list_ft">
            <div class="text-right">
                <span>共40条，每也显示</span>
                <select class="form-control m-b page_select" name="account">
                    <option>10</option>
                    <option>20</option>
                    <option>30</option>
                </select>
                <div class="pagination">
                    <button class="btn btn-white btn-num btn-circle" type="button"><i class="fa fa-chevron-left"></i>
                    </button>
                    <button class="btn btn-white btn-num">1</button>
                    <button class="btn btn-white btn-num active">2</button>
                    <button class="btn btn-white btn-num">3</button>
                    <button class="btn btn-white btn-num">4</button>
                    <button class="btn btn-white btn-num">5</button>
                    <button class="btn btn-white btn-num">6</button>
                    <button class="btn btn-white btn-num">7</button>
                    <button class="btn btn-white btn-num btn-circle" type="button"><i class="fa fa-chevron-right"></i>
                    </button>
                </div>
                <span>第</span>
                <input type="text" class="page_input" value="40">
                <span>页</span>
                <a href="" class="btn btn-circle"><i class="fa fa-refresh"></i></a>
            </div>
        </div>

    </div>
    <%template src="_footer.html"%>
</body>
<script src="<%templateskin%>/lib/jquery.min.js"></script>
<script src="<%templateskin%>/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="<%templateskin%>/lib/jquery-ui/jquery-ui.min.js">
</script>
<script src="<%templateskin%>/lib/select-widget-min.js">
</script>
<script type="text/javascript">
$(".ui-select").selectWidget({
    change: function(changes) {
        return changes;
    },
    effect: "slide",
    keyControl: true,
    speed: 200,
    scrollHeight: 250
});
</script>

</html>